<template>
	<div class='jianzouSZ'>
		<Returns rTitle='跑步设置'/>
		<div class="infoBox">语音播报
			<el-switch  class='yuYin' active-color="#feec82" v-model="yuYin">
			</el-switch>
		</div>
		<div class="infoBox bigMar">语音包</div>
		<div class="infoBox bigMar">自动暂停
			<el-switch  class='yuYin' active-color="#feec82" v-model="zanTing" >
			</el-switch>
		</div>
		<div class="infoBox bigMar">屏幕长亮
			<el-switch  class='yuYin' active-color="#feec82" v-model="changLiang" >
			</el-switch>
		</div>
		<div class="infoBox">我跑过的路线</div>
		<div class="infoBox">发现路线</div>
		<div class="infoBox bigMar">自动匹配路线
			<el-switch  class='yuYin' active-color="#feec82" v-model="luXian" >
			</el-switch>
		</div>
		<div class="infoBox bigMar">锁屏显示数据
			<el-switch  class='yuYin' active-color="#feec82" v-model="suoPing" >
			</el-switch>
		</div>
		<div class="infoBox">发现路线</div>
		<div class="infoBox">离线地图</div>
		<router-view/>
	</div>
</template>
<script>
import Returns from '../components/Returns';

export default{
	data(){
		return{
			yuYin:true,
			zanTing:true,
			changLiang:false,
			luXian:true,
			suoPing:true

		}
	},
  components:{
    Returns
  }
}
</script>
<style scoped lang='less'>
	.jianzouSZ{
		.infoBox{
				height:100/100rem;
				background-color:#fff;
				color:#171818;
				font-size: 40/100rem;
				line-height: 1rem;
				margin-bottom: 2/100rem;
				padding: 0 20/100rem;
				box-sizing: border-box;
				letter-spacing: 2/100rem;
				position: relative;
				.yuYin{
					position: absolute;
					right:20/100rem;
					top:20/100rem;
					.el-switch__core .el-switch__button{
						background-color: #fed906;
					}
				}

			}
		.bigMar{
			margin-bottom: 14/100rem;

		}
	}
</style>
